a {
    text-decoration: none;
}

.footer {
    height    : 8rem;
    margin-top: 2rem;

    .left,
    .right {
        float : left;
        height: 100%;
    }

    .top {
        height: 50%;
    }

    .down {
        height: 50%;
    }

    a {
        font-size     : 1.5rem;
        color         : black;
        margin-left   : 2rem;
        margin-right  : 2rem;
        vertical-align: middle;
    }

    .left {
        width           : 55%;
        background-color: #ffe994;

        .top {
            padding-top: 0.8rem;
            text-indent: 8rem;
            position   : relative;

            .whiteBlock {
                position        : absolute;
                height          : 100%;
                width           : 8rem;
                background-color: #fff;
                right           : 0;
                top             : 0;
            }
        }

        .down {
            padding-right: 2rem;
            position     : relative;

            a {
                float      : right;
                line-height: 4rem;
            }

            .whiteBlock {
                position        : absolute;
                height          : 100%;
                width           : 2rem;
                background-color: #fff;
                left            : 0;
            }
        }
    }

    .right {
        width: 45%;

        .top {
            height             : 50%;
            // background-color: #ffe994;
            padding-top        : 1rem;
            position           : relative;

            input,
            img {
                vertical-align: middle;
            }

            input {
                height          : 2.3rem;
                width           : 15rem;
                position        : absolute;
                left            : -6rem;
                top             : 13px;
                background-color: transparent;
                outline         : none;
                border          : solid 3px;
                border-color    : gray;
                border-radius   : 10px;
                line-height     : 2.3rem;
                font-size       : 1.5em;
                text-indent     : 0.4em;

            }

            img {
                position: absolute;
                left    : 160px;
                top     : 19px;
                width   : 1.6rem;
                cursor  : pointer;
            }
        }

        .down {
            padding-left    : 6rem;
            background-color: #fff;

            .icons,
            .number {
                vertical-align: middle;
            }

            .icons {
                width: 3rem;
            }

            .number {
                letter-spacing: 0.6em;
                font-size     : 1.2rem;
                margin-left   : 1.2rem;
            }
        }
    }
}

/* like */
#LoveItBtn {
    cursor    : pointer;
    transition: all 0.2s;

    &:hover {
        transform: translateY(-5px);
    }

    &:active {
        transform: translateY(0px) scale(1.1);
    }
}